<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"   uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
	int role = (int)request.getSession().getAttribute("role");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>卡客途安轮卫管家</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link href="<%=path %>/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="<%=path %>/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
<link href="<%=path %>/css/google.css" rel="stylesheet">
<link href="<%=path %>/css/style.css" rel="stylesheet" type="text/css">
<link href="<%=path %>/css/font-awesome.css" rel="stylesheet">
<link href="<%=path %>/css/bootstrap-select.min.css" rel="stylesheet">
<link rel="apple-touch-icon" sizes="76x76" href="<%=path %>/img/logo.png">
<link rel="icon" type="image/png" sizes="96x96" href="<%=path %>/img/logo.png">
<style type="text/css">
html,body{
min-height:100%;
}
</style>
</head>
<body style="margin:0 auto;height: 100%" id="body">
<!-- header -->
<jsp:include page="header.jsp"></jsp:include>
<!-- main -->
<div class="main">
  <div class="main-inner">
    <div class="container">
      <div class="row">
        <div class="span12">
          <!-- /widget -->
          <div class="widget widget-table action-table">
            <div class="widget-header"> 
              <i class="icon-th-list"></i>
              <h3>车队</h3>
              <!-- <button type="submit" class="btn btn-primary" onclick="" style="float: right;margin-top:6px;margin-right:5px;">添加</button> -->
            </div>
            <!-- /widget-header -->
            <div class="widget-content">
            	<div class="tabbable">
					<!-- <ul class="nav nav-tabs">
					  <li>
					    <a href="#formcontrols" data-toggle="tab">Form Controls</a>
					  </li>
					  <li  class="active"><a href="#jscontrols" data-toggle="tab">JS Controls</a></li>
					</ul>
					<br> -->
					<div class="tab-content">
						<form id="form01" class="form-horizontal" method="POST">
								<br>
								<div class="control-group">											
									<label class="control-label" for="no">品牌<span style="color: red">*</span></label>
									<div class="controls">
										<input type="text" class="span6" id="brandName" name="brandName" value="${brand.name }">
									</div> <!-- /controls -->				
								</div> <!-- /control-group -->
								<div class="control-group">		
									<label class="control-label" for="no">型号<span style="color: red">*</span></label>
									<div class="controls">
										<c:if test="${!empty brand.cmodels }">
											<c:forEach items="${brand.cmodels }" var="m">
												<span style="width: 100%">
													<input type="text" style="float: left" class="span6" id="mname" name="mname" value="${m.name }">
													<input type="hidden" style="float: left" class="span6" id="mid" name="mid" value="${m.name }">
												</span>
											</c:forEach>
										</c:if>
										<c:if test="${empty brand.cmodels }">
											<span style="width: 100%">
												<input type="text" style="float: left" class="span6" id="mname" name="mname" value="">
												<input type="hidden" style="float: left" class="span6" id="mid" name="mid" value="">
											</span>
										</c:if>
										<span style="width: 100%">
											<button type="button" class="btn btn-primary icon-plus-sign span12" style="float: left;" id="addInput"></button>
										</span>
									</div> <!-- /controls -->				
								</div> <!-- /control-group -->
								<div class="control-group">	
									${msg }										
								</div> 
								<div class="form-actions" style="text-align: center;">
									<input type="hidden" id="id" name="id" value="${brand.id }">
									<button type="button"  id="sub" class="btn btn-primary">提交</button> 
									<button type="button" class="btn" onclick="location.href='<%=path%>/setting/brand.html'">取消</button>
								</div> <!-- /form-actions -->
						</form>
					</div>
				</div>
			 </div> <!-- /widget-content --> 
          </div>
          <!-- /widget --> 
        </div>
        <!-- /span6 --> 
      </div>
      <!-- /row --> 
    </div>
    <!-- /container --> 
  </div>
  <!-- /main-inner --> 
  <br>
  <br>
  <br>
</div>
<!-- /main -->
<jsp:include page="footer.jsp"></jsp:include>
<!-- Le javascript
================================================== --> 
<!-- Placed at the end of the document so the pages load faster --> 
<script src="<%=path %>/js/jquery-1.7.2.min.js"></script> 
<script src="<%=path %>/js/excanvas.min.js"></script>
<script src="<%=path %>/js/bootstrap.js"></script>
<script src="<%=path %>/js/base.js"></script>
<script src="<%=path %>/js/bootstrap-select.min.js"></script>
<script type="text/javascript">
var minheight = $(window).height();
$("#body").css({
  'min-height':minheight +'px'
})
$("#addInput").click(function(){
	$(this).parent().before('<span style="width: 100%"><input type="text" style="float: left" class="span6" id="mname" name="mname" value=""><input type="hidden" style="float: left" class="span6" id="mid" name="mid" value=""></span>');
});

$("#sub").click(function(){
	var id = $("#id").val();
	var brandName = $("#brandName").val();
	if(brandName==""){
		alert("请输入品牌");
		return;
	}
	var mname = $("input[name='mname']");
	var mid = $("input[name='mid']");
	var mAdd = [];
	var mUpdate = [];
	for(var i=0;i<mname.length;i++){
		console.log($(mid[i]));
		console.log($(mid[i]).val());
		if($(mid[i]).val()!=""){
			var obj = {brandId:id,name:$(mname[i]).val()};
			mUpdate.push(obj);
		}else{
			if($(mname[i]).val()!=""){
				var obj = {name:$(mname[i]).val()};
				mAdd.push(obj);
			}
		}
		
	}
    var json = {id:id,name:brandName,mUpdate:mUpdate,mAdd:mAdd};	
	console.log(JSON.stringify(json));
	$.ajax({
	   url:'<%=path%>/setting/brand/add',
	   type:'POST', //GET
	   async:true,    //或false,是否异步
	   contentType:"application/json",
	   data:JSON.stringify(json),
	   dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
	   success:function(data){
	       console.log(data);
	       if(data.add==true){
	    	   if(id==""){
	    		   alert("添加成功！");
	    	   }else{
	    		   alert("修改成功！");
	    	   }
	       	window.location.href="<%=path%>/setting/brand.html";
		   }
		},
		error : function(xhr) {
			console.log('错误');
			console.log(xhr);
		},
	});
})
</script>
</body>
</html>